.icon-pwd {
    background: #fff url('../../assets/images/password_icon.png') no-repeat center center;
}

.icon-users {
    background: #fff url('../../assets/images/username.png') no-repeat center center;
}

.ng-valid[required],
.ng-valid.required {
    border-left: 5px solid #42A948;
    /* green */
}

.ng-invalid:not(form) {
    border-left: 5px solid #a94442;
    /* red */
}

// /***login in**/
// $btn_col1: #f3b531;
// $btn_col1_hov: #fe9916;
// $mian-col: #fc6907;
// $mian-col-hov: #da4f0a;
// $border-col: #e5e5e5;
// $font-col: #898989;
// $logo-shadow-col: rgba(252, 105, 7, 0.5);
// $login-li: #feb416;
// $grid-selected: #fce0a4;
// $font-family: Arial,
// 'Times New Roman',
// SimHei;
// body {
//     background: #efefef;
//     font-family: $font-family;
//     font-size: 14px;
// }
// .login-page {
//     width: 100%;
//     position: absolute;
//     top: 56%;
// }
// .login-block {
//     top: 50%;
//     left: 50%;
//     margin-top: -131px;
//     margin-left: -282px;
//     width: 624px;
//     height: 240px;
//     position: absolute;
//     display: block;
//     text-align: center;
// }
.container {
    // top: 50%;
    // left: 50%;
    // margin-top: -131px;
    // margin-left: -282px;
    width: 624px;
    height: 240px;
    position: absolute;
    display: block;
    transform: translate(0, 50%);
}

.user {
    width: 10%;
}

.alert .alert-danger {
    // width: 70%;
}

// .form-login-error {
//     color: $mian-col;
//     font-size: 13px;
//     height: 10px;
//     margin-left: 34px;
// }
// .login-content {
//     margin: 0 auto;
//     width: 100%;
//     height: 100%;
//     text-align: center;
// }
// .logo-box {
//     float: left;
//     width: 240px;
//     height: 240px;
//     border-right: 6px #efefef solid;
//     border-radius: 5px;
//     h3 {
//         font-size: 20px;
//         color: #fff;
//         padding-top: 156px;
//         font-family: $font-family;
//         &.small {
//             font-size: 18px;
//         }
//     }
// }
// .login-form {
//     width: 378px;
//     float: right;
//     height: 180px;
//     padding-top: 60px;
//     border-radius: 3px;
//     background: #333;
//     box-shadow: -3px 9px 10px -4px rgba(67, 67, 67, 0.5);
// }
.form-control {
    position: relative;
    z-index: 2;
    margin-bottom: 0;
    font-size: 14px;
    height: 33px;
    width: auto;
}

// .form-group {
//     display: inline;
//     position: relative;
//     text-align: center;
//     vertical-align: middle;
//     margin-bottom: 3px !important;
//     .login-save {
//         margin-top: 8px;
//     }
// }
// .login-relVal {
//     width: 100%;
//     height: 32px;
//     line-height: 32px;
//     border: 1px solid #555;
//     font-size: 14px;
//     /* font-family: arial, SimHeiMT;*/
//     color: $font-col;
//     text-indent: 12px;
// }
// .login-choose {
//     margin: 14px 0 0 34px;
//     width: 140px;
//     height: 32px;
//     display: inline-block;
//     position: relative;
//     input {
//         border-radius: 5px !important;
//         background: #333 !important;
//         color: #fff !important;
//     }
// }
// .login-choose-btn {
//     cursor: pointer;
//     position: absolute;
//     height: 32px;
//     width: 32px;
//     color: white;
//     top: 0;
//     left: 106px;
// }
// .icon-down {
//     position: relative;
//     width: 100%;
//     height: 100%;
// }
// .login-form .list-group {
//     width: 140px;
//     box-shadow: 0 0 10px 4px rgba(51, 51, 51, 0.3);
//     // background: #3f3f3f;
//     border-radius: 3px;
//     margin-top: 2px;
//     height: 75px;
// }
// .login-content .btn-login {
//     width: 306px;
//     float: left;
//     height: 34px;
//     border-radius: 3px;
//     margin: 0 0 0 36px;
//     color: #fff;
//     font-size: 16px;
//     background: $mian-col;
//     border: none;
//     font-family: $font-family;
//     outline: none;
// }
// .icon-down:after {
//     content: '';
//     width: 0;
//     height: 0;
//     border-left: 4px solid transparent;
//     border-right: 4px solid transparent;
//     border-top: 6px solid #fff;
//     position: absolute;
//     top: 50%;
//     left: 50%;
//     margin: -2px 0 0 -5px;
// }
// .userRoleList {
//     margin-top: 14px;
//     margin: 0 34px;
//     display: flex;
//     display: -webkit-flex;
//     .chooseLan {
//         text-align: left;
//         .ui-button-text {
//             height: 22px;
//             line-height: 22px;
//         }
//     }
//     .chooseLan {
//         flex: 1
//     }
//     .btn-login {
//         margin-top: 2px;
//         margin-left: auto;
//         width: 154px;
//     }
// }
// .login-choose-btn:hover .login-choose-btn:active .login-choose-btn:focus {
//     background-color: $btn_col1_hov;
// }
// .icons {
//     width: 34px;
//     height: 34px;
//     display: inline-block;
//     border-radius: 3px;
// }
// .icon-pwd {
//     background: #fff url('../../assets/images/password_icon.png') no-repeat center center;
// }
// .icon-users {
//     background: #fff url('../../assets/images/username.png') no-repeat center center;
// }
// .login-form .input-group {
//     width: 70%;
//     margin-left: 6px;
//     display: inline-block;
//     input {
//         height: 34px;
//         border-radius: 3px !important;
//         border: 1px #555 solid;
//         padding: 0;
//         text-indent: 12px;
//         &:focus {
//             border: 1px $mian-col solid;
//             box-shadow: 0 1px 8px $mian-col;
//         }
//     }
// }
// .login-content .input-group-addon {
//     position: absolute;
//     left: 14px;
//     height: 36px;
//     z-index: 5;
//     border: none;
// }
// .login-content input {
//     height: 32px;
//     background-color: #fff;
//     color: #333;
//     font-size: 14px;
//     border-radius: 3px;
// }
// .login-page input.ng-empty {
//     background-color: #f0eceb;
// }
// button {
//     outline: none;
//     &[disabled] {
//         cursor: no-drop;
//     }
// }
// /***login in**/
// /*repeat ui style*/
// .ui-message {
//     position: absolute;
//     right: 0;
//     top: -33px;
//     background: black;
//     border: none;
//     margin: 0;
//     z-index: 100;
//     font-family: $font-family;
//     &:before {
//         left: 50%;
//         bottom: -5px;
//         margin-top: -5px;
//         content: "";
//         display: block;
//         position: absolute;
//         width: 0px;
//         height: 0px;
//         border-left: 8px solid transparent;
//         border-right: 8px solid transparent;
//         border-top: 8px solid black;
//     }
// }
// .pull-right {
//     float: right;
// }
// .pull-left {
//     float: left;
// }
// /*dropdown style*/
// .styles {
//     display: inline-block;
//     margin-left: 7px;
//     .ui-dropdown-trigger,
//     .ui-corner-right {
//         border: none !important;
//     }
//     .ui-inputtext,
//     .ui-dropdown .ui-dropdown-trigger {
//         background: #434343 !important;
//         color: #fff;
//     }
//     .ui-dropdown-panel .ui-dropdown-list {
//         background: #434343;
//         color: #fff;
//     }
//     .ui-state-highlight,
//     .ui-state-hover {
//         background: rgba(112, 112, 112, 1);
//         color: #fff;
//     }
//     .ui-state-default {
//         background: none;
//         border: 1px solid rgba(214, 214, 214, 0.28);
//     }
//     .ui-state-focus {
//         box-shadow: none;
//     }
//     .ui-dropdown .ui-dropdown-panel {
//         border: none;
//         .ui-dropdown-item {
//             margin: 4px 0;
//             height: 18px;
//             line-height: 18px;
//             text-indent: 17px;
//             border-radius: 0;
//         }
//     }
// }
// /**selectbutton**/
// .ui-selectbutton .ui-button.ui-state-default {
//     border: none;
//     background: #434343;
//     font-family: $font-family;
//     color: #fff;
//     width: 5em;
//     span {
//         font-weight: 100
//     }
//     &:hover {
//         background: #626262;
//         color: #ffffff;
//         &.ui-state-active {
//             background: #fff;
//             color: #666666;
//         }
//     }
//     &:first-child {
//         border-right: 1px solid #ddd;
//         border-top-left-radius: 4px;
//         border-bottom-left-radius: 4px;
//     }
//     &:last-child {
//         border-left: 1px solid #ddd;
//         border-top-right-radius: 4px;
//         border-bottom-right-radius: 4px;
//     }
// }
// .ui-selectbutton .ui-button.ui-state-active {
//     background: #fff;
//     color: #434343
// }